<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>讲堂</title>
		<link rel="stylesheet" href="">
		<link rel="stylesheet" href="../css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" href="../css/nav.css">
		<link rel="stylesheet" href="../css/lecture.css">
		<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="../font_xld8by73zt/iconfont.css">
		<link rel="stylesheet" href="../css/footer.css">
	</head>
	<body>
		<nav class="navbar navbar-default">
			<!-- container -->
		  	<div class="container">
			    <div class="navbar-header logo-center">
			      	<!-- logo -->
			      	<a class="navbar-brand" href="../index.html">
				      	<h1>
				      		<img src="../images/logo-b.svg" alt="">
				      	</h1>
				    </a>
			    </div>

		    	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		    		<span class="glyphicon glyphicon-search top_search visible-sm visible-xs"></span>
	    			<!-- 左侧导航条 -->
	    			<div class="change clearfix hidden-sm hidden-xs">
				      	<ul class="nav navbar-nav clearfix">
					        <li class="active"><a href="../index.html">首页<span class="sr-only">(current)</span></a></li>
					        <li><a href="Question-and-answer.html">问答</a></li>
					        <li><a href="special.html">专栏</a></li>
					        <li><a href="lecture.html">讲堂</a></li>
					        <li class="dropdown find">
					          	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">发现<span class="caret"></span></a>
					          	<div class="dropdown-block">
						          	<ul class="dropdown-menu clearfix">
							            <li><a href="circle.html">圈子</a></li>
							            <li><a href="activity.html">活动</a></li>
							            <li><a href="#">标签</a></li>
							            <li><a href="find_work.html">找工作</a></li>
							            <li><a href="#">排行榜</a></li>
							            <li><a href="find_work.html">找工作</a></li>
							            <li><a href="#">徽章</a></li>
							            <li><a href="find_notes.html">笔记</a></li>
							            <li><a href="#">开发手册</a></li>
							            <li><a href="#">广告投放</a></li>
							        </ul>
							        <div class="ul-active">
							        	<a href="activity_isc.html">
							        		<h5>2018首届“顶天立地”iFLYTEK AI开发者大赛</h5>
							        	</a>
							        	<span>合肥</span> · 
							        	<span>2018-07-11 周三</span> · 
							        	<span>报名中</span>
							        	<div class="more">
							        		<a href="activity.html">查看更多活动</a>
							        	</div>
							        </div>
						        </div>
					        </li>
				        </ul>
				        <!-- 搜索框 -->
			      		<form class="navbar-form navbar-left clearfix">
					        <div class="form-group">
					          <input type="text" class="form-control" placeholder="搜索问题或关键字">
					          <span class="glyphicon glyphicon-search search visible-lg"></span>
					        </div>
			      		</form>
		      		</div>
	      		    <!-- 右侧导航条和图标 -->
		      		<ul class="nav navbar-nav navbar-right">
				        <li class="dropdown found visible-lg">
				          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">创建<span class="caret"></span></a>
				          <ul class="dropdown-menu">
				            <li><a href="question.html">提问题</a></li>
				            <li><a href="headline.html">发头条</a></li>
				            <li><a href="article.html">写文章</a></li>
				            <li><a href="note.html">记笔记</a></li>
				            <li role="separator" class="divider"></li>
				            <li><a href="#">草稿箱</a></li>
				          </ul>
				        </li>
				        <li class="dropdown found hidden-lg">
				          <a href="#" class="dropdown-toggle fa fa-plus" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
				          <ul class="dropdown-menu">
				            <li><a href="question.html">提问题</a></li>
				            <li><a href="headline.html">发头条</a></li>
				            <li><a href="article.html">写文章</a></li>
				            <li><a href="note.html">记笔记</a></li>
				            <li role="separator" class="divider"></li>
				            <li><a href="#">草稿箱</a></li>
				          </ul>
				        </li>
				        <li class="index-msg-li">
				        	<a href="#" class="fa fa-bell-o hidden-sm hidden-xs"></a>
				        	<div class="index-msg clearfix">
				        		<div class="msg-header">
				        			<ul class="clearfix">
				        				<li class="active"><a href="#"><i class="fa fa-bullhorn"></i></a></li>
				        				<li><a href="#"><i class="fa fa-commenting-o"></i></a></li>
				        				<li><a href="#"><i class="fa fa-thumbs-o-up"></i></a></li>
				        				<li><a href="#"><i class="fa fa-user-plus"></i></a></li>
				        			</ul>
				        		</div>
				        		<div class="msg-body"></div>
				        		<div class="msg-footer">
				        			<span>查看全部 >> </span>
				        		</div>
				        	</div>
				        </li>
				        <li class="index-private-li"> 
				        	<a href="#" class="fa fa-envelope-o hidden-sm hidden-xs"></a>
				        	<div class="index-private clearfix">
				        		<div class="msg-header">
				        			<span>最近的私信</span>
				        		</div>
				        		<div class="msg-body">
				        			<p>没有人给你发私信</p>
				        		</div>
				        		<div class="msg-footer">
				        			<span>查看全部 >> </span>
				        		</div>
				        	</div>
				        </li>
				        <li class="me">
				        	<a href="personal.html" class="user"><img src="../images/user-64.png" alt="头像"></a>
				        	<div class="user-info">
				        		<div class="info-score clearfix">
				        			<span>1 声望</span>
				        			<div class="clearfix">
				        				<span><b></b>0</span>
				        				<span><b></b>1</span>
				        				<span><b></b>2</span>
				        			</div>
				        		</div>
				        		<hr>
				        		<div class="info">
				        			<ul class="clearfix">
				        				<li><a href="#">我的笔记</a></li>
				        				<li><a href="#">我的主页</a></li>
				        				<li><a href="#">我的收藏</a></li>
				        				<li><a href="#">我的档案</a></li>
				        				<li><a href="#">受邀回答</a></li>
				        				<li><a href="#">我的资产</a></li>
				        				<li><a href="#">付费问答</a></li>
				        				<li><a href="personal.html">个人设置</a></li>
				        				<li><a href="#">退出</a></li>
				        			</ul>
				        		</div>
				        		<hr>
				        		<div class="info-footer">
				        			<a href="#">用户申诉</a> · 
				        			<a href="#">建议反馈</a> · 
				        			<a href="#">邀请朋友</a>
				        		</div>
				        	</div>
				        </li>
		      		</ul>
		    	</div>
		    </div>
		</nav>
		<!-- 小屏底部导航条 -->
		<nav class="phone-nav hidden-md hidden-lg">
			<ul>
				<li class="active">
					<a href="../index.hmtl"><i class="fa fa-home"></i><span>首页</span></a>
				</li>
				<li>
					<a href="Question-and-answer.html"><i class="fa fa-comments"></i><span>问答</span></a>
				</li>
				<li><a href="special.html"><i class="fa fa-pencil-square"></i><span>专栏</span></a></li>
				<li><a href="lecture.html"><i class="fa fa-play-circle"></i><span>讲堂</span></a></li>
				<li class="phone-nav-dropdown">
					<a href="#"><i class="fa fa-bars"></i><span>更多</span></a>
					<ul class="dropdown-menu">
						<li><a href="#">职位</a></li>
						<li><a href="activity.html">活动</a></li>
						<li><a href="#">标签</a></li>
						<li><a href="#">徽章</a></li>
					</ul>
				</li>
			</ul>
		</nav>
		<div class="lecture">
			<div class="container">
				<div class="row">
				
					<!-- 轮播 -->
					<div class="lec_banner">
						<div class="container">
							<div class="row">
								<!-- 轮播左边 -->
								<div class="col-md-4 lec_banner_left">
									<ul>
										<li class="lec_li_active">
											<strong>编辑推荐</strong><span>PHP进阶之路</span>
											<div class="lec_circle"></div>
										</li>
										<li>
											<strong>编辑推荐</strong><span>vue.js实战系列</span>
											<div class="lec_circle"></div>
										</li>
										<li>
											<strong>编辑推荐</strong><span>最流行的js测试框架之一：Mocha</span>
											<div class="lec_circle"></div>
										</li>
									</ul>
								</div>
								<!-- 轮播右边 -->
								<div class="col-md-8 lec_banner_right">
									<div class="lec_banner_pic">
										<img src="../images/lec_banner1.png" alt="">
									</div>
									<div class="lec_pre_next_wrap">
										<div class="lec_banner_pre">
											<span class="glyphicon glyphicon-menu-left"></span>
										</div>
										<div class="lec_banner_next ">
											<span class="glyphicon glyphicon-menu-right"></span>
										</div>
									</div>
									
								</div>
							</div>
						</div>		
					</div>
					<!-- 左边 -->
					<div class="col-md-9">
						<div class="lec_nav lec_nav_big">
							<!-- 大屏导航条 -->
							<ul class="nav nav-tabs">
							  <li role="presentation" class="active"><a href="#">推荐的</a></li>
							  <li role="presentation"><a href="#">热门的</a></li>
							  <li role="presentation"><a href="#">最新发布</a></li>
							  <li role="presentation"><a href="#">最近 live</a></li>
							  <li role="presentation"><a href="#">系列讲座</a></li>
							  <li role="presentation"><a href="#">公开课</a></li>
							</ul>
						</div>
						<div class="lec_nav lec_nav_small">
							<!-- 小屏导航条 -->
							<ul class="nav nav-tabs">
							  <li role="presentation" class="active"><a href="#">推荐的</a></li>
							  <li role="presentation"><a href="#">最新发布</a></li>
							  <li role="presentation"><a href="#">最近 live</a></li>
							  <li role="presentation lec_nav_down">
							  	<div class="dropdown">
								  <a class=" dropdown-toggle lec_more_a" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								    更多
								    <span class="caret"></span>
								  </a>
								  <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
								    <li><a href="#">热门的</a></li>
								    <li><a href="#">系列讲座</a></li>
								    <li><a href="#">我参与的</a></li>
								    <li><a href="#">我发起的</a></li>
								    <li><a href="#">我收藏的</a></li>
								  </ul>
								</div>
							  </li>
							   
							</ul>
						</div>
						<!-- 新 / 上 / 好 / 课 -->
						<div class="lec_main1">
						<!-- 课程部分标题 -->
							<h4 class="text-center">
								<img src="../images/live-index-new-courses-1 (1).svg" alt="">
								新 <span class="lec_xiegan">/</span> 
								上 <span class="lec_xiegan">/</span> 
								好 <span class="lec_xiegan">/</span> 
								课 
								<img src="../images/live-index-new-courses-1 (1).svg" alt="">
							</h4>
							<div class="row">
							  <!-- item1 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec1.jpg" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							  <!-- item2 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec2.jpg" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							   <!-- item3 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec3.jpg" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							  <!-- item4 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec4.png" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							   <!-- item5 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec5.jpg" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							  <!-- item6 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec6.png" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div><!--item6-->
							</div>
						</div>
						<!-- 热 / 门 / 推 / 荐  -->
						<div class="lec_main1 lec_main2">
						<!-- 课程部分标题 -->
							<h4 class="text-center">
								<img src="../images/live-index-high-score-0.svg" alt="">
								热 <span class="lec_xiegan">/</span> 
								门 <span class="lec_xiegan">/</span> 
								推 <span class="lec_xiegan">/</span> 
								荐 
								<img src="../images/live-index-high-score-0.svg" alt="">
							</h4>
							<div class="row">
							  <!-- item1 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec1.jpg" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							  <!-- item2 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec2.jpg" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							   <!-- item3 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec3.jpg" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							  <!-- item4 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec4.png" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							   <!-- item5 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec5.jpg" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div>
							  <!-- item6 -->
							  <div class="col-sm-4 col-md-4 lec_item">
							    <div class="thumbnail">
							      <img src="../images/lec6.png" alt="...">
							      <div class="caption">
							        <h3>深度解析HTTPS数据传输加密原理</h3>
							        <p class="lec_item_big_p">tangqingsong</p>
							        <div class="lec_star">
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="glyphicon glyphicon-star"></span>
							        	<span class="lec_pf">4.8</span>
							        </div>
							        <div class="lec_xs_caption">
							        	<span>前端开发</span>
							        	<span>初级</span>
							        	<span>综合</span>
							        	<p class="lec_item_small_p">i38me · 4人参与</p>
							        	<h5><small>51分钟</small></h5>
							        </div>
							        <div>
							        	<span class="lec_money">￥10.00</span>
							        	<span class="pull-right lec_people">10人参加</span>
							        </div>
							        
							        <span class="lec_green">LIVE</span>
							        
							      </div>
							    </div>
							  </div><!--item6-->
							</div>
						</div>
					</div>
					<!-- 右边 -->
					<div class="col-md-3 lec_myJoin">
						<!-- 我参与的 -->
						<div class="lec_mylist">
							<div class="list-group">
							  <button type="button" class="list-group-item">我发起的</button>
							  <button type="button" class="list-group-item">我参与的</button>
							  <button type="button" class="list-group-item">我收藏的</button>
							</div>
						</div>
						<!-- 如何发起一趟讲座 -->
						<div class="lec_how">
							<div class="row">
							  <div class="col-md-12">
							    <div class="thumbnail">
							    <div class="lec_how_headding">
							    	<h4>如何发起一趟讲座</h4>
							    </div>
							      <div class="caption">
							        <p>目前讲师人选主要是通过主动邀请的有一定影响力技术嘉宾，我们也欢迎在技术领域同样优秀的您申请成为讲师，如果条件合适我们会在三个工作日内邮件联系您。</p>
							        <p><a href="#" class="btn btn-primary btn-warning" role="button">申请成为讲师</a>
							        </p>
							      </div>
							    </div>
							  </div>
							</div>
						</div>
						<!-- 评价 -->
						<div class="lec_pjdiv">
							<h4>评价</h4>
							<!-- item1 -->
							<div class="lec_pj_item">
								<div class="lec_item_heading">
									<span class="lec_item_name">name</span>
									<div class="lec_item_star">
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
									</div>
								</div>
								<p>	老师讲的挺棒的，好多都讲到点上了，有些不清楚的地方一下子就明白了，很受用！</p>
								<div class="lec_comediv">
									<h5 class="lec_come"><small>来自讲座<span class="lec_jiangzuo"> Java 微服务实践</span></small></h5>
								</div>	
							</div>
							<!-- item2 -->
							<div class="lec_pj_item">
								<div class="lec_item_heading">
									<span class="lec_item_name">name</span>
									<div class="lec_item_star">
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
									</div>
								</div>
								<p>	老师讲的挺棒的，好多都讲到点上了，有些不清楚的地方一下子就明白了，很受用！</p>
								<div class="lec_comediv">
									<h5 class="lec_come"><small>来自讲座<span class="lec_jiangzuo">微服务实践</span></small></h5>
								</div>	
							</div>
							<!-- item3 -->
							<div class="lec_pj_item">
								<div class="lec_item_heading">
									<span class="lec_item_name">name</span>
									<div class="lec_item_star">
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
									</div>
								</div>
								<p>	老师讲的挺棒的，好多都讲到点上了，有些不清楚的地方一下子就明白了，很受用！</p>
								<div class="lec_comediv">
									<h5 class="lec_come"><small>来自讲座<span class="lec_jiangzuo">Spring Cloud</span></small></h5>
								</div>	
							</div>
							<!-- item4 -->
							<div class="lec_pj_item">
								<div class="lec_item_heading">
									<span class="lec_item_name">name</span>
									<div class="lec_item_star">
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
									</div>
								</div>
								<p>	老师讲的挺棒的，好多都讲到点上了，有些不清楚的地方一下子就明白了，很受用！</p>
								<div class="lec_comediv">
									<h5 class="lec_come"><small>来自讲座<span class="lec_jiangzuo"> Java 微服务实践 - Spring Cloud 系列（十六）系列回顾</span></small></h5>
								</div>	
							</div>
							<!-- item5 -->
							<div class="lec_pj_item">
								<div class="lec_item_heading">
									<span class="lec_item_name">name</span>
									<div class="lec_item_star">
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
									</div>
								</div>
								<p>	老师讲的挺棒的，好多都讲到点上了，有些不清楚的地方一下子就明白了，很受用！</p>
								<div class="lec_comediv">
									<h5 class="lec_come"><small>来自讲座<span class="lec_jiangzuo"> Java 微服务实践</span></small></h5>
								</div>	
							</div>
							<!-- item6 -->
							<div class="lec_pj_item">
								<div class="lec_item_heading">
									<span class="lec_item_name">name</span>
									<div class="lec_item_star">
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
										<span class="glyphicon glyphicon-star"></span>
									</div>
								</div>
								<p>	老师讲的挺棒的，好多都讲到点上了，有些不清楚的地方一下子就明白了，很受用！</p>
								<div class="lec_comediv">
									<h5 class="lec_come"><small>来自讲座<span class="lec_jiangzuo"> Spring Cloud 系列回顾</span></small></h5>
								</div>	
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- footer -->
	<footer>
		<div class="container">
			<!-- footer_con -->
			<div class="footer_con">
				<div class="col-md-2 f_con">
					<h4>产品</h4>
					<ul class="f_ul">
						<li>热门回答</li>
						<li>热门专栏</li>
						<li>热门讲堂</li>
						<li>最新活动</li>
						<li>圈子</li>
						<li>找工作</li>
						<li>移动客户端</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>资源</h4>
					<ul class="f_ul">
						<li>每周精选</li>
						<li>用户排行榜</li>
						<li>徽章</li>
						<li>帮助中心</li>
						<li>声望与权限</li>
						<li>社区服务中心</li>
						<li>开发手册</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>商务</h4>
					<ul class="f_ul">
						<li>人才服务</li>
						<li>企业培训</li>
						<li>活动策划</li>
						<li>广告投放</li>
						<li>区块链解决方案</li>
						<li>合作联系</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>关于</h4>
					<ul class="f_ul">
						<li>关于我们</li>
						<li>加入我们</li>
						<li>联系我们</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>关注</h4>
					<ul class="f_ul">
						<li>产品技术日志</li>
						<li>社区运营日志</li>
						<li>市场运营日志</li>
						<li>团队日志</li>
						<li>社区访谈</li>
						<li class="share">
							<i href="#" class="iconfont icon-wechat share_1">
								<div class="share_pic">
									<img src="../images/appQrcode.png" alt="">
									<p>关注微信号</p>
									<span></span>
								</div>
							</i>
							<i href="#" class="iconfont icon-weibo share_2"></i>
							<i href="#" class="iconfont icon-github share_3"></i>
							<i href="#" class="iconfont icon-twitter share_4"></i>
						</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>条款</h4>
					<ul class="f_ul">
						<li>服务条款</li>
						<li>内容许可</li>
						<li class="app"><img src="../images/appQrcode.png" alt="" class="sf"></li>
						<li>扫一扫下载APP</li>
					</ul>
				</div>
			</div>
			<!-- 版权 copyright -->
			<div class="copyright">
				<p>Copyright © 2011-2018 SegmentFault. 当前呈现版本 17.06.16</p>
				<p>
					<a href="#" onclick="return false">浙ICP备 15005796号-2&nbsp;</a>
					<a href="#" onclick="return false"> 浙公网安备 33010602002000号&nbsp;</a>
					杭州堆栈科技有限公司版权所有
				</p>
				<p class="sponsor">
					CDN 存储服务由
					<a href="#" onclick="return false">又拍云</a>
					赞助提供
				</p>
			</div>
		</div>
	</footer>	
		</div>
		<!-- 回到顶部 -->
		<div class="col_return_top">
			<span>回顶部</span>
		</div>
		<script src = '../js/jquery.min.js'></script>
		<script src = '../js/bootstrap.min.js'></script>
		<script src = '../js/nav.js'></script>
		<script src = '../js/lecture.js'></script>
		<script src = '../js/common.js'></script>
	</body>
</html>